body{
	/* 身体 */
	padding: 0; 
	/* 内边距 */
	margin: 0;
	/* 页边空白; 白边 */
	}
	/* 导航nav */
.nav{
	margin-left: 120px;
	/* 外边距 左 */
	}
.nav span{
	margin-left: 30px;
	/* 外边距 左 */
}
.pho:hover p {
	display: block;
}
.pho p{
		display: none;
		position: absolute;
}
.banner{
	background-image: url(../img/banner.jpg);
	/* 百分比，以父元素的百分比来设置背景图的宽度和高度，
	第一个值为宽度，第二值为高度，一般不设置高度，会变形 */
	width: 100%; height: 500px;
	background-repeat: no-repeat;
	/* 属性定义了图像的平铺模式。 */
	padding-top: 200px;
	/* 属性设置一个元素的顶部填充 */
	}
.banner span{
	font-size: 100px;
	/* 文字大小 */
	margin-left: 200px;
	/* 外边框 左 */
	color: #F3F3F3;
	/* 颜色 */
	
	}

.banner p{
	margin-left: 200px;
	/* 外边框 左 */
	width: 300px;
	/* 宽 */
	color: #F3F3F3;
	/* 颜色 */
	}
.banner a{
	font-size: 50px;
	/* 字体大小 */
}
.products{
	margin-top: 20px;
}
.products a{
	color: #FF0000;
	/* 颜色 */
	font-size: 30px;
	/* 字体大小 */
	margin-left: 750px;
	/* 外边框 左 */
	}
	/* 边框border */
.border{
	border: 1px solid black;
	/* 盒模型--边框 */
		width: 80%;
		/* 宽 */
		margin-left: 10%;
		/* 外边距 左 */
		 height: 700px; 
		 /* 高 */
		 margin-top: 10px;
		}
.item {
		width: 24%;
		float: left;
		/* 左侧浮动 */
		margin-left: 0.7%;
		/* 外边距 左 */
		margin-top: 1%;
		/* 外边距 上 */
		overflow: hidden;
		}
.item img{
	width: 100%;
	/* 宽 */
	transform:rotate(30deg);
}
.item img:hover{
	transform:rotate(0deg);
}
.sed {
	    float: left;
		/* 左侧浮动 */
		width: 300px;
		/* 宽 */
		margin-left: 1.5%;
		/* 外边框 左 */
	}
.sed a {
	font-size: 26px;
	/* 文字大小 */
	}
.about a{
		color: #FF0000;
		/* 颜色 */
		font-size: 30px;
		/* 字体大小 */
		margin-left: 750px;
		/* 外边框 左 */
	}
.justo{
	/* float: left; */
	/* 左浮动 */
	}
.text {
	
	width: 35%;
	/* 宽 */
	margin-left: 9.5%;
	/* 外边距左 */
	margin-top: 50px;
	/* 外边距 上 */
	
	}
.text a{
	font-weight: bold;
	/* 字体加粗 */
	}
.span {
		float: left;
		/* 左浮动 */
	width: 35%;
	/* 宽度 */
	margin-top: -150px;
	/* 上间距 */
	margin-left: 54%;
	/* 左间距 */
	}
.fusce {
		width: 35%;
		/* 宽度 */
		margin-top: -21px;
		/* 上间距 */
		margin-left: 54%;
		/* 左间距 */
	}
.PaperPlane {
	margin-left: 46.7%;
	/* 左间距 */
	margin-top: -40px;
	/* 上间距 */
}
.ourTeam {
	margin-left: 43.9%;
	/* 左间距 */
	font-size: 30px;
	/* 文字大小 */
	color: #FF0000;
	/* 文字颜色 */
}
.content{
	width: 80%;
	/* 宽 */
	margin-left: 11%;
	/* 外边距 左 */
	 height: 450px; 
	 /* 高 */
}
.popular{
	width: 255px;
	height: 0px;
	background-color: red;
	position: absolute;
	/* 绝对定位 */
	opacity: 0.5;
	/* 透明度 */
}

.header:hover .popular {
	height: 270px;
	transition: 3s;
}
.header{
	width: 24%;
	float: left;
	/* 左侧浮动 */
	margin-left: 0.7%;
	/* 外边距 左 */
	margin-top: 1%;
	/* 外边距 上 */
}
.footer{
	width: 24%;
	float: left;
	/* 左侧浮动 */
	margin-left: 0.7%;
	/* 外边距 左 */
	margin-top: 1%;
	/* 外边距 上 */
}

.goods {
	width: 24%;
	float: left;
	/* 左侧浮动 */
	margin-left: 0.7%;
	/* 外边距 左 */
	margin-top: 1%;
	/* 外边距 上 */
}
.pic {
	width: 24%;
	float: left;
	/* 左侧浮动 */
	margin-left: 0.7%;
	/* 外边距 左 */
	margin-top: 1%;
	/* 外边距 上 */
}
.hot {
	width: 24%;
	float: left;
	/* 左侧浮动 */
	margin-left: 0.7%;
	/* 外边距 左 */
	margin-top: 1%;
	/* 外边距 上 */
}
.hot a{
	font-size: 20px;
	margin-left: 30px;
}

.login {
	background-image: url(../img/p-banner.jpg);
	background-attachment: fixed;
	width: 100%; height: 300px;
	}
.login span{
	margin-left: 7%;
	font-size: 30px;
	color: #F4F4F4;
}
.logo {
margin-top: 0.5%;	
margin-left: 9%;

}	
.news {
margin-top: -183px;	
margin-left: 50%;
}	
.column {
	float: left;
	margin-left: 9%;
	width: 450px;
	color: #F4F4F4;
	font-size: 1px;
	margin-top: 5px;
}
.status{
	width: 90%;
	/* 宽 */
	margin-left: 4.5%;
	/* 外边距 左 */
	 height: 600px; 
	 /* 高 */
}
.Gallry{
	font-size: 30px;
	color: #FF0000;
	margin-left: 46%;
}
.copyright {
	width: 60%;
	/* 宽 */
	margin-left: 19%;
	/* 外边距 左 */
	 height: 200px; 
	 /* 高 */
}
.msg {
	width: 24%;
	float: left;
	/* 左侧浮动 */
	margin-left: 0.7%;
	/* 外边距 左 */
	margin-top: 2.5%;
	/* 外边距 上 */
}
.msg img{
	width: 90%;
}
.msg:hover img{
	filter: grayscale(100%);
}

.sidebar{
	padding-top: 20px;
	font-size: 30px;
	color: #F4F4F4;
	margin-left: 43%;
}
.serous{
	background-image: url(../img/services.jpg);
	width: 100%;
	height: 300px;
	background-attachment: fixed;
	
	
}
.serous img{
	width: 50px;
	float: left;
	margin-right: 60px;
}
.serous p{
width: 600px;
font-size: 1px;
color: #F4F4F4;
margin-top: 10px;
}
.serous-font{
	width: 40%;
	float: left;
	margin-top: 20px;
	margin-left: 70px;
	/* margin-bottom: 10px; */
}
.suscipit{
	height: 440px;
}
.sociis{
	margin-left: 18%;
	width: 100%;
	float: left;
}
.sociis-font{
	float: left;
	
}

.sociis p{
	font-size: 22px;
	
}
.sociis a{
	margin-left: 4%;
	line-height: 40px;
	font-size: 2px;
}

.natoque{
	
	margin-top: 50px;
	font-size: 30px;
	color: #FF0000;
	margin-left: 26%;
}
.varius{
	float: left;
	margin-left: 30%;
	width: 45%;
	margin-top: 3px;
	
}
.varius a{
margin-left: 0px;
}

.container{
	background-color: #000000;
	width: 100%;
	height: 300px;
	
	
}

.inf-font{
	color: #F4F4F4;
	margin-left: 100px;
	padding-top: 40px;
	float: left;
	width: 23%
	
}
.inf p{
	font-size: 25px;
}
.inf a{
	font-size: 1px;
}
.follow img{
	float: left;
	width: 40px;
	margin-left: 10px;
	
}
.follow{
	height: 50px;
	padding-top: 100px;
}
.follow b{
	color: #F4F4F4;
	font-size: 25px;
	margin-left: 5px;
}
.follow-font{
	margin-top: 20px;
}

	

.account b{
	font-size: 25px;
}
.account a{
	font-size: 1px;
}
.account{
	width: 23%;
	float: left;
	color: #F4F4F4;
	float: left;
	margin-top: -50px;
	margin-left: 13%;
}
.new{
	float: left;
	width: 23%;
	margin-top: -50px;
	margin-left: ;
}
.new b{
	color: #F4F4F4;
	
	font-size: 25px;
	
}